<script setup>
import { reactive, onMounted } from 'vue'

import { useMessageStore } from '@/store/message.js'
const MsgStore = useMessageStore()
const _data = reactive({
  msg: ''
})
onMounted(() => {
  MsgStore.setValue('hello world')
  _data.msg = MsgStore.getValue()
})
</script>

<template>
  <h1>{{ _data.msg }}</h1>
</template>

<style scoped></style>
